﻿<%@ Page Title="Home Quick Wok" Language="C#" MasterPageFile="~/Site.master" AutoEventWireup="true"
    CodeBehind="Default.aspx.cs" Inherits="OnlineOrderSystem._Default" %>

<asp:Content ID="HeaderContent" runat="server" ContentPlaceHolderID="HeadContent">
<script type="text/javascript" src="Scripts/jquery.contentchange.js"></script>
</asp:Content>
<asp:Content ID="BodyContent" runat="server" ContentPlaceHolderID="MainContent">

        <div id="templatemo_menu">
            <ul>
        	     <li class="current"><a href="#"><b>Home</b></a></li>
                <li><a href="Location.aspx" ><b>Location</b></a></li>
                <li><a href="Menu.aspx" ><b>Menu</b></a></li>
          	    <li><a href="Coupon.aspx"><b>Coupon</b></a></li>
          	    <li><a href="Gallery.aspx"><b>Gallery</b></a></li>
                <li><a href="ContactUs.aspx"><b>Contact Us</b></a></li>
            </ul>
        </div> <!-- end of menu -->
    
        <div id="top_dishes">

    	    <h1>Recommended Dishes</h1>
            <div id="recommender_dishes">
            <center>
                <div class="wrap">
                  <div id="pic_list_1" class="scroll_horizontal">
                    <div class="box">
                      <ul class="list">
                        <li><a href="#"><img src="images/image1.jpg" alt = "image" onmouseover="$('.noticeit').removeClass('noticeit');$( '#dish1' ).addClass('noticeit');"/></a></li>
                        <li><a href="#"><img src="images/image2.jpg" alt = "image"  onmouseover="$('.noticeit').removeClass('noticeit');$( '#dish1' ).addClass('noticeit');"/></a></li>
                        <li><a href="#"><img src="images/image3.jpg" alt = "image"  onmouseover="$('.noticeit').removeClass('noticeit');$( '#dish2' ).addClass('noticeit');"/></a></li>
                        <li><a href="#"><img src="images/image4.jpg" alt = "image"  onmouseover="$('.noticeit').removeClass('noticeit');$( '#dish3' ).addClass('noticeit');"/></a></li>
                        <li><a href="#"><img src="images/image5.jpg" alt = "image"  onmouseover="$('.noticeit').removeClass('noticeit');$( '#dish4' ).addClass('noticeit');"/></a></li>
                        <li><a href="#"><img src="images/image6.jpg" alt = "image"  onmouseover="$('.noticeit').removeClass('noticeit');$( '#dish4' ).addClass('noticeit');"/></a></li>
                        <li><a href="#"><img src="images/image7.jpg" alt = "image"  onmouseover="$('.noticeit').removeClass('noticeit');$( '#dish3' ).addClass('noticeit');"/></a></li>
                        <li><a href="#"><img src="images/image8.jpg" alt = "image"  onmouseover="$('.noticeit').removeClass('noticeit');$( '#dish4' ).addClass('noticeit');"/></a></li>
                        <li><a href="#"><img src="images/image9.jpg" alt = "image"  onmouseover="$('.noticeit').removeClass('noticeit');$( '#dish4' ).addClass('noticeit');"/></a></li>
                      </ul>
                    </div>
                    <div class="plus"></div>
                    <div class="minus"></div>
                  </div>
                </div>
                <script src="Scripts/jquery.cxscroll.js"></script>
                  <script>
                      $("#pic_list_1").cxScroll();
                  </script>
            </center>
                  <%--<div class="intro">
                        <div id="dish1" class="adish noticeit">
                            <h2>Duck</h2>
                            <p>Really delicious. <a href="http://www.baidu.com" target="_parent">Read more...</a></p>
                      </div>
                      <div id="dish2" class="adish">
                            <h2>Sushi</h2>
                            <p>Really delicious.  <a href="#">Read more...</a></p>
                      </div>
                  
                      <div id="dish3" class="adish">
                            <h2>Pork</h2>
                            <p>Really delicious. <a href="http://www.baidu.com" target="_parent">Read more...</a></p>
                      </div>
                      <div id="dish4" class="adish">
                            <h2>Beef</h2>
                            <p>Really delicious. <a href="#">Read more...</a></p>
                      </div>
                  </div>--%>
            </div>
            <div class="cleaner">&nbsp;</div>
    
        </div> <!-- end of top dishes -->

        
        <div id="content">
    	    <span class="top"></span>
            <div id="innter_content">
            
                    <div id="content_left">
                        <h1>Welcome to our Restaurant</h1>
                        <img src="images/templatemo_image_05.jpg" alt="image" />
                        <p>Our restaurant is a ...... </p>
                        <a href="#">Read more...</a>
                    
                    
                        <div class="cleaner_with_height">&nbsp;</div>
                
                    </div> <!-- end of content left -->
                
                    <div id="content_right">
                        <h1>Address & Hours</h1>
                        <div class="right_column_section">
                            <p>Address1: 7800 Crowley Rd, Ft Worth, TX 76134</p>
                            <p>Address2: 1818 Hemphill St. Fort Worth, TX 76110</p>
                            <br />
                            <p>Open Hours:</p>
                            <p>
                            Mon - Thu: 11am. - 9pm.<br />
                            Fri - Sat: 11am. - 9pm.<br />
                            Sun: Closed.
                            </p>
                            <a href="Location.aspx">Get details!!!</a>
                         </div>
                
                    </div> <!-- end of content right -->
        		<div class="cleaner">&nbsp;</div>
            </div>   
            <div class="cleaner" style="background: #fff;">&nbsp;</div> 	
        </div>
    


</asp:Content>
